This wireframe was created for my responsive webpage. It was built using Balsamiq for a made-up custom puzzle company. From the wireframe, I created a high fidelity prototype in Adobe Photoshop. In fact, I worked on the prototype in a train coming back from Kansas City. 

The final product guided by this wireframe does look a little different. You'll notice that the first section has few items on the wireframe than final prototype which has an image on the right side. Wireframing is important for not only guiding your design decisions but also to show you where improvements can be made.